<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>表格示例二</title>
</head>

<body>
    <table border="1" style="width: 50%; margin: 0 auto; background-color: blue;">
        <!-- width: 50% 设置表格宽度为屏幕宽度的50%；
             margin: 0 auto; 实现表格水平居中，上下外边距为0，左右外边距自动分配使得表格在水平方向居中；
             background-color: blue; 设置表格整体背景色为蓝色 -->
        <tr style="background-color: gray;">
            <!-- 单独给这一行设置背景色为灰色 -->
            <th>学科</th>
            <th>成绩</th>
            <th>评级</th>
        </tr>
        <tr>
            <td>语文</td>
            <td>85</td>
            <td>良好</td>
        </tr>
        <tr>
            <td>数学</td>
            <td>90</td>
            <td>优秀</td>
        </tr>
        <tr>
            <td>英语</td>
            <td>78</td>
            <td>中等</td>
        </tr>
    </table>
</body>

</html>